<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Soshalboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Get deals that you want">
    <meta name="author" content="soshalboard">

    <link href="assets/bootstrap/2.3.2/css/bootstrap.css"   rel="stylesheet">
    <link href="assets/css/about.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body style="background: #ccc">

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a href="#" class="brand">Soshalboard</a>

                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li ><a href="/">Home</a></li>
                        <li><a href="/user/me">Wishlist</a></li>
                        <li class="active"><a href="#">About</a></li>
                    </ul>
                    <ul class="nav pull-right" id="userrightmenu" style="display: none;">
                        <li id="fat-menu" class="dropdown">
                            <a href="#" id="username" role="button" class="dropdown-toggle" data-toggle="dropdown">Logging in.. <b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
                                <li><a tabindex="-1" href="userprofile.html">Profile</a></li>
                                <li class="divider"></li>
                                <li><a tabindex="-1" onclick="doLogout();">Logout</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
</div>


<div class="container marketing">

    <hr>


    <div class="jumbotron">
        <h1>How did it start?</h1>
        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
    </div>

    <hr>

    <div class="row-fluid marketing">
        <div class="span6">
            <h4>Subheading</h4>
            <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>

            <h4>Subheading</h4>
            <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>

            <h4>Subheading</h4>
            <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div>

        <div class="span6">
            <h4>Subheading</h4>
            <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>

            <h4>Subheading</h4>
            <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>

            <h4>Subheading</h4>
            <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div>
    </div>


    <!-- FOOTER -->
    <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
    </footer>

</div><!-- /.container -->


<!--/.fluid-container-->

<script src="assets/js/jquery-1.10.2.js"></script>
<script src="assets/bootstrap/2.3.2/js/bootstrap.js"></script>


<script>

    function showRightMenu(){
        var userFirstName = localStorage.getItem('userFirstName');
        $('#username').text("Logged in as "+userFirstName);
        $('#usernamebody').text(userFirstName);

        $('#userrightmenu').show();
    };


    $(document).ready(function(){
        showRightMenu();

    });
</script>

</body>
</html>
